<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<script type="text/javascript" src="ku/jquery-3.7.1.js"></script>
		<link rel="stylesheet" href="ku/bootstrap.min.css">
		<script src="ku/bootstrap.min.js"></script>
		<script src="ku/popper.min.js"></script>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			body {
				overflow-x: hidden;
			}
			
			div,
			li {
				#white-space: nowrap;
			}
			
			li {
				list-style-type: none;
			}
			
			.head .di1 li {
				text-align: center;
			}
			
			.head .head2 .di2 {
				position: relative;
				left: 400px;
				top: 20px;
			}
			
			.head .head2 .di2 li {
				float: left;
				margin-left: 40px;
			}
			
			.head .head2 .di2 li a {
				color: black;
				text-decoration: none;
			}
			
			.head .head2 .di2 li a:hover {
				color: green;
				padding: 5px;
				margin: 5px;
				border-bottom: 2px solid green;
			}
			
			.neirong {
				position: relative;
				top: 50px
			}
			
			.neirong img {
				width: 100%;
			}
			
			#div1 {
				width: 100%;
				height: 600px;
				#background: blue;
			}
			
			#div2 {
				width: 100%;
				height: 70px;
			}
			
			#div3 {
				width: 25%;
				float: left;
				height: 70px;
				text-align: center;
				line-height: 20px;
			}
			
			.carousel-inner img {
				width: 100%;
				height: 600px;
			}
			.neirong2{
				background-color:green;
				width:100%;
				height:571px;
				#position:relative;
				#top:40px;
			}
			.neirong2 img{
				width:100%;
				height:570px;
			}
			.neirong2 h1{
				color:aliceblue;
				font-size:28px;
				position:relative;
				top:110px;
				left:130px;
			}
			.neirong2 .box{
				width:140px;
				height:50px;
				top:60px;
				left:1200px;
				position:relative;
				border:2px solid aliceblue;
			}
			.neirong2 .box h5{
				color:aliceblue;
				text-align:center;
				position:relative;
				top:15px;
			}
			.neirong2 .box2{
				top:70px;
				left:110px;
				position:relative;
			}
			.neirong2 .box2 img{
				float:left;
				width:360px;
				height:360px;
				margin-left:40px;
			}
			.neirong3{
				width:100%;
				#height:400px;
				top:360px;
				#float:left;
				position:relative;
				#background-color:blue;
			}
			.neirong3 .bor{
				width:45%;
				height:400px;
				top:-360px;
				float:left;
				position:relative;
				#background-color:yellow;
			}
			.neirong3 .bol{
				width:55%;
				height:400px;
				top:-360px;
				float:left;
				position:relative;
				#background-color:red;
			}
			.neirong3 .bor ul{
				top:110px;
				left:80px;
				position:relative;
			}
			.neirong3 .bor ul li #s1{
				font-size:36px;
			}
			.neirong3 .bor ul li #s2{
				font-size:18px;
			}
			.neirong3 .bor ul li #s3{
				font-size:16px;
			}
			.neirong3 .bor ul li #s4{
				font-size:15px;
			}
			.neirong3 .bor ul li #s5{
				font-size:15px;
			}
			.neirong3 .bor ul li #s6{
				font-size:15px;
			}
			.neirong3 .bor ul .li3 .box #s7{
				font-size:15px;
				top:15px;
				color:aliceblue;
				position:relative;
			}
			.neirong3 .bor ul .li2{
				position:relative;
				top:40px;
			}
			.neirong3 .bor ul .li3{
				position:relative;
				top:80px;
			}
			.neirong3 .bor ul .li3 .box{
				width:120px;
				height:50px;
				border-radius:10px;
				text-align:center;
				background-color:green;
				border:2px solid green;
			}
			.neirong3 .bol #ul1 li{
				float:left;
			}
			.neirong3 .bol #ul2 li{
				float:left;
			}
			.neirong3 .bol #ul1{
				position:relative;
				top:60px;
				left:50px;
			}
			.neirong3 .bol #ul2{
				position:relative;
				top:100px;
				left:50px;
			}
			.neirong4{
				top:384px;
				width:100%;
				height:550px;
				background-color:green;
				position:relative;
			}
			.neirong4 .box ul li img{
				width:229.71px;
				height:279.6px;
			}
			.neirong4 .box ul li{
				position:relative;
				float:left;
				top:-350px;
				#left:100px;
				left:130px;
			}
			.neirong4 .box2 ul #id span{
				position:relative;
				top:70px;
				left:-1000px;
				font-size:30px;
				color:aliceblue;
			}
			.neirong4 .box2 ul #id2 input{
				top:-200px;
				left:900px;
				width:340px;
				height:42px;
				border-radius:8px;
				position:relative;
			}
			.neirong4 .box2 ul #id3 img{
				top:-235px;
				left:1200px;
				width:30px;
				height:30px;
				position:relative;
			}
			.neirong5 img{
				top:270px;
				width:100%;
				height:400px;
				position:relative;
			}
			.neirong5 ul{
				top:-100px;
				color:aliceblue;
				text-align:center;
				position:relative;
			}
			.neirong5 ul li span{
				font-size:20px;
				letter-spacing:8px;
			}
			.neirong5 .box ul li{
				text-align:center;
				font-size:18px;
				float:left;
				top:60px;
				left:585px;
				position:relative;
			}
			.neirong5 .box .box2 ul li{
				text-align:center;
				font-size:16px;
				top:160px;
				left:-70px;
				float:left;
				position:relative;
			}
			.neirong5 .box .box2 #ul li{
				text-align:center;
				font-size:16px;
				top:240px;
				left:-620px;
				#float:left;
				position:relative;
			}
		</style>
	</head>

	<body>
		<div class="head">
			<ul class="di1">
				<li><img src="img/logo.png"></li>
			</ul>
			<hr>
			<div class="head2">
				<ul class="di2">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="new_file.html">产品/案例</a>
					</li>
					<li>
						<a href="new_file2.html">关于我们</a>
					</li>
					<li>
						<a href="new_file3.html">新闻中心</a>
					</li>
					<li>
						<a href="new_file4.html">招商加盟</a>
					</li>
					<li>
						<a href="new_file5.html">联系我们</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="neirong">
			<div id="div1">
				<div id="demo" class="carousel slide" data-ride="carousel">

					<!-- 指示符 -->
					<ul class="carousel-indicators">
						<li data-target="#demo" data-slide-to="0" class="active"></li>
						<li data-target="#demo" data-slide-to="1"></li>
					</ul>

					<!-- 轮播图片 -->
					<div class="carousel-inner">
						<div class="carousel-item active">
							<img src="img/a1.jpg">
						</div>
						<div class="carousel-item">
							<img src="img/a3.jpg">
						</div>
					</div>

					<!-- 左右切换按钮 -->
					<a class="carousel-control-prev" href="#demo" data-slide="prev">
						<span class="carousel-control-prev-icon"></span>
					</a>
					<a class="carousel-control-next" href="#demo" data-slide="next">
						<span class="carousel-control-next-icon"></span>
					</a>

				</div>
			</div>
		</div>
		<div class="neirong2">
			<h1>家具好，家更好！</h1>
			<div class="box">
				<h5>了解更多   ></h5>
			</div>
			<div class="box2">
				<ul>
					<li><img src="img/b1.jpg"></li>
					<li><img src="img/b2.jpg"></li>
					<li><img src="img/b3.jpg"></li>
				</ul>
			</div>
		</div>
		<div class="neirong3">
			<div class="bor">
				<ul>
					<li><span id="s1">公司介绍</span>
					<span id="s2">/</span>
					<span id="s3">Company Profile</span></li>
					<li class="li2"><span id="s4">XX家具有限公司，工厂创建于</span>
					<span id="s5">1988</span>
					<span id="s6">年，现公司位于XX市XX区，占地面积近百亩，拥<br>
					有国际水平的家具生产线和电脑全自动加工系统，是一家集设计、生产、销售、家居<br>
					配套为一体全能型家具企业。</span></li>
					<li class="li3">
						<div class="box">
							<span id="s7">了解更多  ></span>
						</div>
					</li>
				</ul>
			</div>
			<div class="bol">
				<ul id="ul1">
					<li><img src="img/c1.jpg"></li>
					<li><img src="img/c2.jpg"></li>
					<li><img src="img/c3.jpg"></li>
				</ul>
				<ul id="ul2">
					<li><img src="img/c4.jpg"></li>
					<li><img src="img/c5.jpg"></li>
					<li><img src="img/c6.jpg"></li>
				</ul>
			</div>
		</div>
		<div class="neirong4">
			<div class="box">
				<ul>
					<li><img src="img/d1.jpg"></li>
					<li><img src="img/d2.jpg"></li>
					<li><img src="img/d3.jpg"></li>
					<li><img src="img/d4.jpg"></li>
					<li><img src="img/d5.jpg"></li>
				</ul>
			</div>
			<div class="box2">
				<ul>
					<li id="id"><span>新闻中心</span></li>
					<li id="id2"><input type="text" placeholder="请输入关键词搜索"></li>
					<li id="id3"><img src="img/go.png"></li>
				</ul>
			</div>
		</div>
		<div class="neirong5">
			<img src="img/wei.png">
			<ul>
				<li><span>晓海设计</span></li>
			</ul>
			<div class="box">
				<ul>
					<li>前往参观&emsp;|</li>
					<li>&emsp;展览活动&emsp;|</li>
					<li>&emsp;资讯公告&emsp;|</li>
					<li>&emsp;关于我们 </li>
				</ul>
				<div class="box2">
					<ul>
						<li>Address/地址：XXX省XXX市XXX县XXX路XXX号&emsp;&emsp;</li>
						<li>&emsp;&emsp;Tel/联系电话：020-000000 000-000000&emsp;&emsp;</li>
						<li>&emsp;&emsp;Mail/邮箱：xxx@.com</li>
					</ul>
					<ul id="ul">
						<li>©2025 - 展览晓海设计 版权所有</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>